@CHARSET "UTF-8";

body {
    margin: 0;
    background: #000;
}
p {
    margin: 0 auto 12px;
}
#header {
	height: 40px;
    background: #ccc;
}
#wrapper {
    background: #bbb;
}
#footer {
    background: #ccc;
}
#sights {
	width: 160px;
	height: 520px;
	float:left;
	background: #e00;
}
#mapDiv {
	width: 700px;
	height: 520px;
	background: #0e0;
	float:left;
}
#operation {
	width: auto;
	height: 520px;
	background: #00e;
}
#sights .index li{
    float:left;
    padding: 0 2px;
    list-style: none;
}
#sights .index li:hover{
    cursor: pointer;
    background-color: #ccc;
}
#sights .list{
    clear: both;
}
#sights .list li{
    list-style: circle;
}
#sights .list li.sight{
    list-style: square;
}
#sights .list li:hover{
    cursor: pointer;
    background-color: #ccc;
}
.tooltip{
    position: absolute;
    z-index: 2;
    background: #efd;
    border: 1px solid #ccc;
    padding: 3px;
}